<style>
	   .login_img{
	   	width: 100%;
	   }
	   .h2{
	   	font-size: 20px;
	   	display: inline-block;
	   	line-height: 40px;
	   }
	   .h5{
	   	font-size: 14px;
	   	display: inline-block;
	   	float: right;
	    position: relative;
	    top: 16px;
	   }
	   h5{
	   	cursor:pointer
	   }
	   .ivu-form-item{
	   	 margin-bottom:18px;
	   }
	   .ivu-input-group .ivu-input{
	   	height: 30px;
	   	font-size: 12px;
	   }
	   .ivu-input-group-append, .ivu-input-group-prepend{
	   	width: 30px;
	   }
	   .ivu-icon{
	   	font-size: 20px;
	   }
	   .login_button{
	   	width: 100%;
	   	height: 40px;
	   	line-height: 17px;
	   	font-size: 20px;
	   	box-shadow: 1px 3px 10px #2E6CF0;
	   	margin-top: 20px;
	   }
	   .login_info{
	   	height: 28px;
		line-height: 0px;
		margin-top: -16px;
	   }
	   .h6f{
	   		font-size: 14px;
		   	display: inline-block;
		   	float: right;
		    position: relative;
		    top: 16px;
		    color: #8392A7;
	   }
	   .h6f:hover{
	   	cursor: pointer;
	   	color: #4D9DF2;
	   }
	    .h6:hover{
	   	cursor: pointer;
	   	color: #4D9DF2;
	   }
	   .h6{
	   	font-size: 14px;
	   	display: inline-block;
	   	float: left;
	    position: relative;
	    top: 16px;
	    color: #8392A7;
	   }
	   .foot_info{
	   	height: 60px;
	   	margin-top: 18px;
	   }
	   .foot_img{
	   	width: 60px;
	    display: inline-block;
	    height:60px;
	   }
	   .foot_code{
	   	width: 100%;
	   }
	   .foot_app{
	   	  width: 75%;
		    float: right;
		    position: relative;
		    top: 12px;
	   }
	   .foot_talk{
	   	    width: 75%;
			    float: right;
			    position: relative;
			    top: -28px;
	   }
	   .ivu-icon-ios-person-outline:before{
	   	    content: "\F261";
	   }
	   .ivu-icon-ios-locked-outline:before{
	   	    content: "\F219";
	   }
	   .login_foot{
	   		width: 1000px;
		    position: absolute;
		    top: 50px;
		    left: 50%;
		    margin-left: -500px;
		    height: 290px;
	   }
	   .login_from{
	   		background: #ffffff;
		    width: 360px;
		    margin-top: 100px;
		    position: relative;
		    left: 70%;
		    height: 335px;
		    padding: 10px 20px;
		    border-radius: 5px;
	   }
	   .from{
		   	margin-top: 17px;
		    width: 100%;
	   }
	   .login_from_dl{
	    	height: 30px;
	    	text-align: center;
	    	font-weight: 500;
	   }
	   #from>.ivu-input-group-append, .ivu-input-group-prepend{
	        height: 40px;
	        width: 50px;
	   }
	   #from>.ivu-input-group-append, .ivu-input-group>.ivu-input:last-child{
	   		height: 40px;
	   }
</style>
<template>
		<div class="login_foot">
			   <div class="login_from">
			   	        <div class="login_from_dl">
							  	<div class="h2">企业会员登录</div>
						</div>
						  <i-form  class="from" id="from">
					        <Form-item prop="user" >
					            <i-input type="text" v-model="user" placeholder="输入会员名" :maxlength="15">
					                <Icon type="ios-person-outline" slot="prepend"></Icon>
					            </i-input>
					        </Form-item>
					        <Form-item prop="user" >
					            <i-input type="text" v-model="user" placeholder="输入用户名" :maxlength="15">
					                <Icon type="ios-person-outline" slot="prepend"></Icon>
					            </i-input>
					        </Form-item>
					        <Form-item prop="password">
					            <i-input type="password" v-model="password" placeholder="输入密码" :maxlength="15">
					                <Icon type="ios-locked-outline" slot="prepend" ></Icon>
					            </i-input>
					        </Form-item>
					        <div class="login_info">
					        	<span class="h6f" @click="forget()">忘记密码？</span>
					        	<span class="h6" @click="res()">免费注册</span>
					        </div>
					        <Form-item>
					            <i-button type="primary" @click="handleSubmit()" class="login_button">登录</i-button>
					        </Form-item>
			        </i-form>
				</div>
		</div>
</template>
<script>
    export default {
    	name: 'Login',
        data () {
            return {
                    user: '',
                    password: ''
            }
        },
        methods: {
        	res(){
        		this.$router.push("/resgin")
        	},
        	forget(){
        		this.$router.push("/password")
        	},
            handleSubmit() {
                if (this.user !="" && this.password !="") { 
                	this.$Message.success('信息提交成功!');
                	this.$router.push("/index")
                } else if(this.user =="" || this.password ==""){
                	this.$Message.error('表单验证失败!');
                	return;
                }
            }
        }
    }
</script>